<template>
	<button type="default" open-type="contact" class="contact-btn"><text class="ibonfont ibonkefu" :style="{ color: modelData.color }"></text></button>
</template>

<script>
export default {
	name: 'wxContact',
	props: {
		modelData: {
			type: Object,
			default: () => {
				return {};
			}
		}
	}
};
</script>

<style lang="scss">
.contact-btn {
	position: fixed;
	bottom: 150upx;
	right: 20upx;
	width: 80upx;
	height: 80upx;
	text-align: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: #ffffff;
	text-align: center;
	line-height: 80rpx;
	box-shadow: 0 6upx 20upx #dcdcdc;
	z-index: 9999;
	padding-left: 0;
	padding-right: 0;
	&::after {
		border: 0 none;
	}
	.ibonkefu {
		font-size: 40rpx;
	}
}
</style>
